<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="lib/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="main">
    <div class="navbar">
        <h1>搞事情</h1>
    </div>
    <div class="header">
        开黑了么就写作业？
    </div>
    <form @submit.prevent="merge" id="task-form">
        <div class="wrap">
            <input v-model="current.title" type="text" id="task-input">
            <button type="submit">submit</button>
        </div>
    </form>
    <div class="task-list">
        <div class="wrap">
            未完成
            <div v-for="(todo,index) in list" class="item">
                {{todo.title}}
                <button @click="remove(index)">删除</button>
                <button @click="set_current(todo)">更新</button>
            </div>
        </div>
    </div>
    <div class="task-list">
        <div class="wrap">
            已完成
            <div class="item complete">
                Lorem ipsum dolor sit amet.
            </div>
        </div>
    </div>
    <div class="footer"></div>
</div>
<script src="lib/vue.js"></script>
<script src="js/myStorage.js"></script>
<script src="js/main.js"></script>
</body>
</html>